<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="diagramContainer">
    <div id="item_left" class="item"></div>
    <div id="item_right" class="item" style="margin-left:50px;"></div>
</div>
<script src="https://cdn.bootcss.com/jsPlumb/2.6.8/js/jsplumb.min.js"></script>

<script>
    /* global jsPlumb */
    jsPlumb.ready(function () {
        jsPlumb.setContainer('diagramContainer')

        var common = {
            isSource: true,
            isTarget: true,
            connector: ['Straight']
        }

        jsPlumb.addEndpoint('item_left', {
            anchors: ['Right']
        }, common)

        jsPlumb.addEndpoint('item_right', {
            anchor: 'Left'
        }, common)

        jsPlumb.addEndpoint('item_right', {
            anchor: 'Right'
        }, common)
    })
</script>
</body>
</html>